<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../static/layui/layui-v2.9.7/layui/css/layui.css">
  <script src="../static/layui/layui-v2.9.7/layui/layui.js"></script>
  <script src="../static/jquery/main.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js" integrity="sha512-k37wQcV4v2h6jgYf5IUz1MoSKPpDs630XGSmCaCCOXxy2awgAWKHGZWr9nMyGgk3IOxA1NxdkN8r1JHgkUtMoQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  <style>
    adminstudentform{
      display: flex !important;
     
    }
    #username{
      margin-left: 30px;
      width: 200px !important;
    }
    .Course form input{
      width: 200px !important;
    }
  </style>
</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black">admin</div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->
      <ul class="layui-nav layui-layout-left">

        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
          <i class="layui-icon layui-icon-spread-left"></i>
        </li>


      </ul>
      <ul class="layui-nav layui-layout-right">

        <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
          <a href="javascript:;">
            <img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
            {{username}}
          </a>
          <dl class="layui-nav-child">

            <dd><a href="javascript:;" id="loginout">退出登录</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          <a href="javascript:;">
            <i class="layui-icon layui-icon-more-vertical"></i>
          </a>
        </li>
      </ul>
    </div>
    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可Fstudent配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
          <li class="layui-nav-item layui-this"><a href="javascript:;" id="index">主页</a></li>
          <li class="layui-nav-item">
            <a class="" href="javascript:;">学生管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" id="students">学生信息管理</a></dd>
              <dd><a href="javascript:;" id="classinfo">班级信息管理</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">选课管理</a>
            <dl class="layui-nav-child">
             
              <dd><a href="javascript:;" id="course">课程信息管理</a></dd>

            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">教学管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" id="school">学院信息管理</a></dd>
              <dd><a href="javascript:;" id="major">专业信息管理</a></dd>
              <dd><a href="javascript:;" id="teacher">教师信息管理</a></dd>

            </dl>
          </li>
        </ul>
      </div>
    </div>
    <div class="layui-body">
      <!-- 内容主体区域 -->
      <div style="padding: 15px;" class="index">
        <blockquote class="layui-elem-quote layui-text">
         主页
        </blockquote>
        
        <div class="layui-card layui-panel">
          <canvas id="echmap" width="600" height="400"></canvas>
          <div id="chart" style="width: 800px; height: 600px;"></div>
        </div>
        <br><br>
      </div>
      <div style="padding: 15px;display: none;" class="students">
        <blockquote class="layui-elem-quote layui-text">
         学生信息管理
        </blockquote>
        <div >
          <hr>
          <form style="display: flex !important;" class="layui-form adminstudentform">
            <input type="text" class="layui-input" placeholder="请输入学生姓名" id="username" name="username">
            <select id="studentsmajor" lay-filter="studentsmajor" name='major' required>
               <option value="">选择学院</option>
            </select>
            <select id="studentsclass" lay-filter="studentsclass" name="classname" required>
              <option value="">选择班级</option>
            </select>
            <button class="layui-btn layui-bg-blue" id="studentssearch" lay-submit lay-filter="studentsform">搜索</button>
          </form>
          <hr>
        </div>
        <div class="layui-card layui-panel">
          <div style="margin-left: 10px; margin-top: 5px;"> 
            <i class="layui-icon layui-icon-add-1" style="font-size: 20px;"></i> </div> 
          <table class="layui-table">
            <colgroup>
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="100">
              <col width="150">
      
            </colgroup>
            <thead>
              <tr>
                <th>学生学号</th>
                <th>学生姓名</th>
                <th>密码</th>
                <th>学生年龄</th>
                <th>学生性别</th>
                <th>所学专业</th>
                <th>所在学院</th>
                <th>所在班级</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td><button class="layui-btn layui-bg-blue">编辑</button><button class="layui-btn">删除</button></td>

              </tr>
              
            </tbody>
          </table>
        </div>
        <br><br>
      </div>
    <!--  学生信息管理  -->
      
    <div style="padding: 15px;display: none;" class="classinfo">
      <blockquote class="layui-elem-quote layui-text">
       班级信息管理
      </blockquote>
      <div >
        <hr>
        <form action="" style="display: flex !important;" class="layui-form">
          <input type="text" class="layui-input" placeholder="请输入...." id="classname" style="width: 200px !important;">
         
          <button class="layui-btn layui-bg-blue" id="classbtn">搜索</button>
        </form>
        <hr>
      </div>
      <div class="layui-card layui-panel">
        <div style="margin-left: 10px; margin-top: 5px;"> 
          <i class="layui-icon layui-icon-add-1" style="font-size: 20px;"></i> </div> 
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
          
    
          </colgroup>
          <thead>
            <tr>
              <th>序号</th>
              <th>班级名称</th>
              <th>记录时间</th>
              <th>专业</th>
             
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
             
              <td><button class="layui-btn layui-bg-blue">授课</button></td>
              <td><button class="layui-btn layui-bg-blue">编辑</button><button class="layui-btn">删除</button></td>

            </tr>
            
          </tbody>
        </table>
      </div>
      <br><br>
    </div>

    
      <!--班级信息-->

    <div style="padding: 15px;display: none;" class="school">
      <blockquote class="layui-elem-quote layui-text">
       学院信息管理
      </blockquote>
      <div >
      
       
      <div class="layui-card layui-panel">
        <div style="margin-left: 10px; margin-top: 5px;"> 
          <i class="layui-icon layui-icon-add-1 layui-bg-blue" style="font-size: 20px;"></i> </div> 
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
           
    
          </colgroup>
          <thead>
            <tr>
              <th>序号</th>
              <th>学院名称</th>
              <th>时间</th>
              <th>操作</th>
           
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
              <td><button class="layui-btn layui-bg-red">删除</button></td>
            
            
            </tr>
            
          </tbody>
        </table>
      </div>
      <br><br>
    </div>
    </div>
     <!--学院信息-->


     <div style="padding: 15px;display: none;" class="major">
      <blockquote class="layui-elem-quote layui-text">
       专业信息管理
      </blockquote>
      <div >
      
       
      <div class="layui-card layui-panel">
        <div style="margin-left: 10px; margin-top: 5px;"> 
          <i class="layui-icon layui-icon-add-1 layui-bg-blue" style="font-size: 20px;"></i> </div> 
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
          </colgroup>
          <thead>
            <tr>
              <th>序号</th>
              <th>学院名称</th>
              <th>专业名称</th>
              <th>时间</th>
              <th>操作</th>
           
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
              <td>4</td>
              <td><button class="layui-btn layui-bg-red">删除</button></td>
            
            
            </tr>
            
          </tbody>
        </table>
      </div>
      <br><br>
    </div>
    </div>
    <!--专业信息管理-->

    <div style="padding: 15px;display: none;" class="teacher">
      <blockquote class="layui-elem-quote layui-text">
       教师信息管理
      </blockquote>
      <div >

      <div class="layui-card layui-panel">
        <div style="margin-left: 10px; margin-top: 5px;"> 
          <i class="layui-icon layui-icon-add-1 layui-bg-blue" style="font-size: 20px;"></i> </div> 
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="100">
          </colgroup>
          <thead>
            <tr>
              <th>序号</th>
              <th>教师姓名</th>
              <th>年龄</th>
              <th>性别</th>
              <th>手机号码</th>
              <th>密码</th>
              <th>操作</th>
           
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
              <td>4</td>
              <td>3</td>
              <td>4</td>
              <td><button class="layui-btn layui-bg-red">删除</button></td>
            
            
            </tr>
            
          </tbody>
        </table>
      </div>
      <br><br>
    </div>
    </div>
    <!-- 教师信息管理 -->


    <div style="padding: 15px;display: none;" class="course">
      <blockquote class="layui-elem-quote layui-text">
       课程信息管理
      </blockquote>
      <div >
      
      <div class="layui-card layui-panel">
        <div style="display: flex; margin-top: 3px;">
          <input type="text" class="layui-input" style="width: 200px !important;"><button class="layui-btn layui-bg-blue search">搜索</button>
        </div>
        <div style="margin-left: 10px; margin-top: 5px;"> 
          <i class="layui-icon layui-icon-add-1 layui-bg-blue" style="font-size: 20px;"></i> </div> 
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
          
            <col width="100">
            <col width="100">
            <col width="100">
            <col width="300">
            <col width="100">
          </colgroup>
          <thead>
            <tr>
              <th>序号</th>
              <th>课程名称</th>
             <th>专业名称</th>
             <th>班级名称</th>
              <th>记录时间</th>
              <th>课程描述</th>
              <th>操作</th>
           
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
              
              <td><button class="layui-btn layui-bg-red">删除</button></td>
            
            
            </tr>
            
          </tbody>
        </table>
      </div>
      <br><br>
    </div>
    </div>

    <!--课程信息-->
    </div>
   
     
   
    
    
    </div>
    <div class="layui-footer">

      底部固定区域
    </div>
  </div>
  <script src="../static/task.js"></script>
  <script src="../static/admin/js/nav.js"></script>
  <script src="../static/admin/js/school/main.js"></script>
  <script src="../static/admin/js/major/main.js"></script>
  <script src="../static/admin/js/teacher/teacher.js"></script>
  <script src="../static/admin/js/students/main.js"></script>

  <script src="../static/admin/js/classinfo/classinfo.js"></script>
  <script src="../static/admin/js/course/course.js"></script>
  <script src="../static/index.js"></script>
  <script>
    layui.use(['element', 'layer', 'util'], function () {
      var element = layui.element;
      var layer = layui.layer;
      var util = layui.util;
      var $ = layui.$;
      util.event('lay-header-event', {
        menuLeft: function (othis) { // 左侧菜单事件
          layer.msg('展开左侧菜单的操作', { icon: 0 });
        },
        menuRight: function () {  // 右侧菜单事件
          layer.open({
            type: 1,
            title: '更多',
            content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
            area: ['260px', '100%'],
            offset: 'rt', // 右上角
            anim: 'slideLeft', // 从右侧抽屉滑出
            shadeClose: true,
            scrollbar: false
          });
        }
      });
    });
  </script>
</body>

</html>